<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>智慧校园-教室管理</title>
<meta name="keywords" content="后台模板,后台管理系统,HTML模板">
<meta name="description" content="基于Bootstrap的后台管理系统模板">
<meta name="author" content="ftsucai.com">
	
	<!-- Favicons -->
    <link th:href="@{/libs/niceadmin/assets/img/favicon.png}" rel="icon">
    <link th:href="@{/libs/niceadmin/assets/img/apple-touch-icon.png}" rel="apple-touch-icon">

    <!-- Google Fonts -->



    <!-- Vendor CSS Files -->
    <link th:href="@{/libs/niceadmin/assets/vendor/bootstrap/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/libs/niceadmin/assets/vendor/bootstrap-icons/bootstrap-icons.css}" rel="stylesheet">
    <link th:href="@{/libs/niceadmin/assets/vendor/boxicons/css/boxicons.min.css}" rel="stylesheet">
    <link th:href="@{/libs/niceadmin/assets/vendor/quill/quill.snow.css}" rel="stylesheet">
    <link th:href="@{/libs/niceadmin/assets/vendor/quill/quill.bubble.css}" rel="stylesheet">
    <link th:href="@{/libs/niceadmin/assets/vendor/remixicon/remixicon.css}" rel="stylesheet">
    <link th:href="@{/libs/niceadmin/assets/vendor/simple-datatables/style.css}" rel="stylesheet">

    <!-- Template Main CSS File -->
    <link th:href="@{/libs/niceadmin/assets/css/style.css}" rel="stylesheet">
    
    
    
	
	
	<!--外部引入-->
    <link rel="stylesheet" th:href="@{/libs/bootstrap/bootstrap4dist/css/bootstrap.css}">
	<link rel="stylesheet" th:href="@{/css/student/mainpage.css}">
	<link rel="stylesheet" th:href="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_bootstrap-table.min.css}">
</head>
<body>
	 <!-- ======= Header ======= -->
    <div th:replace="public/main :: header"></div>
    <!-- End Header -->

   <!-- ======= Sidebar ======= -->
    <aside id="sidebar" class="sidebar" th:fragment="aside">
        <ul class="sidebar-nav" id="sidebar-nav">

        </ul>
    </aside>
    <!-- End Sidebar-->

    <main id="main" class="main">
<div>
	<div class="all">
			<!-- <div class="ce">
				<ul>
					<p>后台管理系统</p>
					<li>主页</li>
					<li>系统管理</li>
					<li>学生管理</li>
					<li>教室管理</li>
					<li>班级管理</li>
					<li>宿舍管理</li>
					<li>员工管理</li>
					<li>考试管理</li>
					<li>图书馆管理系统</li>
				</ul>
			</div> -->
		
		<h1>教室管理系统</h1>
		<div>
			<form>
				<div class="form-group">
					<label for="classroomNumber">教室编号</label> <input type="email"
						style="width: 250px; height:30px;" id="classroomNumber"
						aria-describedby="xxxxxx">
				
					<label for="classroomName">教室名称</label> <input type="email"
						style="width: 250px; height:30px;" id="classroomName" aria-describedby="yyyyyy">
				</div>
				<button type="button" onclick="queryClassRoom()"
					class="btn btn-primary">查询</button>
				<!-- 单表查询 -->
				<button type="reset" class="btn btn-primary">重置</button>
				<!-- 新增按钮 -->
				<button type="button" class="btn btn-primary" data-toggle="modal"
				data-target="#addmodal" data-whatever="@mdo">新增</button>
			</form>
		</div>
		<!-- <div>
			<table class="table">
				<thead>
					<tr>
						<th scope="col">区域</th>
						<th scope="col">楼号</th>
						<th scope="col">楼层</th>
						<th scope="col">教室ID</th>
						<th scope="col">教室编号</th>
						<th scope="col">教室名称</th>
						<th scope="col">容纳人数</th>
						<th scope="col">使用状态</th>
						<th scope="col">删除标志</th>
						<th scope="col">创建时间</th>
						<th scope="col">修改时间</th>
						<th scope="col">操作</th>
					</tr>
				</thead>
				<tbody id="tablebody" >
					<tr>
						<th scope="row"></th>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
				</tbody>
			</table>
		</div> -->
		<div>
			<!-- 修改 -->
			<div class="modal fade" id="updatemodal" tabindex="-1"
				aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLabel">修改班级信息</h5>
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<form>
								<div class="form-group">
									<label for="update-area" class="col-form-label">区域12</label> <input
										type="text" class="form-control" id="update-area">
								</div>
								<div class="form-group">
									<label for="update-building-no" class="col-form-label">楼号</label>
									<input type="text" class="form-control" id="update-building-no">
								</div>
								<div class="form-group">
									<label for="update-floor" class="col-form-label">楼层</label> <input
										type="text" class="form-control" id="update-floor">
								</div>
								<div class="form-group">
									<label for="update-classroom-number" class="col-form-label">教室编号</label>
									<input type="text" class="form-control"
										id="update-classroom-number">
								</div>
								<div class="form-group">
									<label for="update-classroom-name" class="col-form-label">教室名称</label>
									<input type="text" class="form-control"
										id="update-classroom-name">
								</div>
								<div class="form-group">
									<label for="update-galleryful" class="col-form-label">容纳人数</label>
									<input type="text" class="form-control" id="update-galleryful">
									<input type="text" class="form-control" hidden="hidden"
										id="pkId">
								</div>
							</form>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary"
								data-dismiss="modal">取消</button>
							<button type="button" onclick="updateData()" class="btn btn-primary" data-dismiss="modal">确认</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div>
			<!-- 新增 -->
			<div class="modal fade" id="addmodal" tabindex="-1"
				aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLabel">新增教室信息</h5>
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<form>
								<div class="form-group">
									<label for="insert-area" class="col-form-label">区域</label> <input
										type="text" class="form-control" id="insert-area">
								</div>
								<div class="form-group">
									<label for="insert-building-no" class="col-form-label">楼号</label>
									<input type="text" class="form-control" id="insert-building-no">
								</div>
								<div class="form-group">
									<label for="insert-floor" class="col-form-label">楼层</label> <input
										type="text" class="form-control" id="insert-floor">
								</div>
								<div class="form-group">
									<label for="insert-classroom-number" class="col-form-label">教室编号</label>
									<input type="text" class="form-control"
										id="insert-classroom-number">
								</div>
								<div class="form-group">
									<label for="insert-classroom-name" class="col-form-label">教室名称</label>
									<input type="text" class="form-control"
										id="insert-classroom-name">
								</div>
								<div class="form-group">
									<label for="insert-galleryful" class="col-form-label">容纳人数</label>
									<input type="text" class="form-control" id="insert-galleryful">
								</div>
								<div class="form-group">
										<label for="provinces">使用状态</label> <select onchange=""
											class="form-control" id="add-useStatus">
											<option value="0">0-正常</option>
											<option value="1">1-空闲</option>
											<option value="2">2-停用</option>
											<option value="3">3-保留</option>
										</select>
									</div>
							</form>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary"
								data-dismiss="modal">取消</button>
							<button type="button" onclick="saveData()" class="btn btn-primary" data-dismiss="modal">确认</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div>
			<!-- 删除 -->
			<div class="modal fade" id="deletemodal" tabindex="-1"
				aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLabel">删除教室信息</h5>
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<form>
								<div class="form-group">
									<label for="delete-area" class="col-form-label">区域</label> <input
										type="text" class="form-control" id="delete-area">
								</div>
								<div class="form-group">
									<label for="delete-building-no" class="col-form-label">楼号</label>
									<input type="text" class="form-control" id="delete-building-no">
								</div>
								<div class="form-group">
									<label for="delete-floor" class="col-form-label">楼层</label> <input
										type="text" class="form-control" id="delete-floor">
								</div>
								<div class="form-group">
									<label for="delete-classroom-number" class="col-form-label">教室编号</label>
									<input type="text" class="form-control"
							   			id="delete-classroom-number">
								</div>
								<div class="form-group">
									<label for="delete-classroom-name" class="col-form-label">教室名称</label>
									<input type="text" class="form-control"
										id="delete-classroom-name">
								</div>
								<div class="form-group">
									<label for="delete-galleryful" class="col-form-label">容纳人数</label>
									<input type="text" class="form-control" id="delete-galleryful">
								</div>
							</form>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary"
								data-dismiss="modal">取消</button>
							<button type="button" onclick="deleteData()" class="btn btn-primary" data-dismiss="modal">确认</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
</div>
	<div>
		<input id="addr" hidden th:value="${#httpServletRequest.getScheme()+'://'+#httpServletRequest.getServerName()+':'+#httpServletRequest.getServerPort()+#httpServletRequest.getContextPath()} " />
		<!-- 获取到controller路径 -->
	</div>
	
	<div>
		<table id="asdf" data-pagination="true" data-page-size="4" data-search="true">
		</table>
	</div>
</main><!-- End #main -->

    <!-- ======= Footer ======= -->
    <div th:replace="public/main :: footer"></div>
    <!-- End Footer -->

    <a th:href="@{/libs/niceadmin/#}" class="back-to-top d-flex align-items-center justify-content-center"><i
            class="bi bi-arrow-up-short"></i></a>

    <!-- Vendor JS Files -->
    <script th:src="@{/libs/jquery/jquery-3.5.1.js}"></script>
    <script th:src="@{/libs/niceadmin/assets/vendor/apexcharts/apexcharts.min.js}"></script>
    <script th:src="@{/libs/niceadmin/assets/vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>
    <script th:src="@{/libs/niceadmin/assets/vendor/chart.js/chart.min.js}"></script>
    <script th:src="@{/libs/niceadmin/assets/vendor/echarts/echarts.min.js}"></script>
    <script th:src="@{/libs/niceadmin/assets/vendor/quill/quill.min.js}"></script>
    <script th:src="@{/libs/niceadmin/assets/vendor/simple-datatables/simple-datatables.js}"></script>
    <script th:src="@{/libs/niceadmin/assets/vendor/tinymce/tinymce.min.js}"></script>
    <script th:src="@{/libs/niceadmin/assets/vendor/php-email-form/validate.js}"></script>
    
     <!-- Template Main JS File -->
    <script th:src="@{/libs/niceadmin/assets/js/main.js}"></script>
    
	<!--外部引入-->

	<script th:src="@{/libs/jquery/jquery-3.5.1.min.js}"></script>
	<script th:src="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_locale_bootstrap-table-zh-CN.min.js}"></script>
	<script th:src="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_bootstrap-table.min.js}"></script>
	<script th:src="@{/libs/bootstrap/bootstrap4dist/js/bootstrap.js}"></script>
	<script th:src="@{/js/classroom/mainpage.js}"></script>
	<script th:src="@{/js/public/Menu.js}"></script>

</body>
</html>